{% load i18n static %}
{% load i18n common %}
<div id="{{ model_name }}_edit_form">
    <form class="layui-form data-form" action="" method="post">
        {% csrf_token %}
        <div style="padding: 10px;height: 420px;width: 700px">
            {% for node in node_list %}
                <div title="{% trans 'workflowNode_field_code' %}: {{ node.node_code }}" style="border: 1px solid #d8d8d8; float: left; display: inline; border-radius: 4px;
                        color: #909090; margin: 4px; vertical-align: top; width: 250px; background-color: #efefef; font-family: Open sans, sans-serif; padding: 20px; letter-spacing: 0.5px; font-weight: 300; text-transform: uppercase; box-shadow: 0 8px 6px -6px #9E9E9E;">
                    <label>{{ node.node_code }} {{ node.node_name }}</label>
                    </br>
                    <div id="div{{ node.id }}" class="foo">
                        <labe>{% trans 'workflowNode_field_approverScope' %}: {{ node.approver_by_overall }} </labe>
                        </br>
                        <labe>{% trans 'workflowNode_field_approver' %}: {{ node.approver_display }} </labe>
                        </br>
                        <labe>{% trans 'workflowNode_field_notifyScope' %}: {{ node.notify_by_overall }} </labe>
                        </br>
                        <labe>{% trans 'workflowNode_field_notifier' %}: {{ node.notifier_display }} </labe>
                        </br>
                    </div>
                </div>
                {% if forloop.last %}
                {% else %}
                    <img src="/media/img/right-arrow.png" style="float: left;box-sizing: initial; padding-top: 37px; height: 20px;
                ">
                {% endif %}
            {% endfor %}
        </div>
        <input type="hidden" name="csrfmiddlewaretoken" value="{% csrf_token %}">
        <input type="hidden" name="hhworkflowintanceid" value="{{ workflow_intance_id }}">
        <input type="hidden" name="hhedit" value="{{ edit }}">
    </form>
</div>